<script>
$(document).ready(function(e) {

	$( "#historialDiv" ).dialog({
		autoOpen: false,
		height:150,
		width :200,	
		show: {
		effect: "blind",
		duration: 500
		},
		hide: {
		effect: "explode",
		duration: 500
		}
	});
	    
});
</script>

<div id="historialDiv" title="Historial del código" style="text-align:left">
	<?php 
    //┌────────────────────────────────┐
    mysql_select_db($database_victoria, $victoria );
    $sql = 
    "
	SELECT
	  CPU_CODIGO,
	  PUE_CODIGO,
	  CPU_CODIGO_PUERTO,
	  CPU_VIGENCIA,
	  CPU_FECHA_SISTEMA
	FROM codigo_puerto
	WHERE PUE_CODIGO = $id
	AND CPU_VIGENCIA = 0
	ORDER BY CPU_FECHA_SISTEMA
	";
	$numerar = 0;
    $tabla = mysql_query($sql, $victoria ) or die(mysql_error());
    while($fila = mysql_fetch_assoc($tabla)){
		$numerar++;
	    echo $numerar.'.- '.$fila['CPU_CODIGO_PUERTO'].'<br>';
	}
    //└────────────────────────────────┘										
    ?>
</div>	
